@CHARSET "UTF-8";

.scrollable{
	overflow-y: scroll;
}

.inactif{
	color: #FAA;
}

.error{
	color: red;
	font-size:x-large;
	font-weight: bold;
}

/* MAIN PAGE*/

body{
	background-color : #AAAAFF;
	width : 1200px;
	margin :auto;
}

#menu
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

	#onglets
	{
	        position : absolute;
	        border : 1px solid transparent;
	        padding : 0;
	        font : bold 11px Batang, arial, serif;
	        list-style-type : none;
	        left : 50%;
	        margin-top : 0;
	        margin-left : -215px; /* la moitié de width */
	        width : 430px;
	}
	
		#onglets li
		{
		    float : left;
		    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
		    background-color: #F4F9FD;
		    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
		    margin : 1px 2px 0 2px;  /* Pour IE  */
		    border : 1px solid #9EA0A1;
		}
		
		#onglets li.active
		{
		    border-bottom: 1px solid #fff;
		    background-color: #fff;
		}
		
		#onglets a
		{
		    display : block;
		    color : #666;
		    text-decoration : none;
		    padding : 4px;
		}
		
		#onglets a:hover
		{
		    background : #fff;
		}

#content{
	width : 1000px;
	height : 600px;
	margin : auto;
	margin-top : 20px;
	border : thin blue solid;
	background-color : orange; 
}

#footer{
	width : 700px;
	height : 100px;
	margin : auto;
	margin-top : 20px;
	border : thin fuchsia solid;
	background-color : red;
}

/* PAGE USER */

#usermenu {
width : 200px;
height : 500px;
border-style: solid;
border-color: #677D92;
border-size: 1px;
border-width: 1px;
margin: 10px;
float : left;
}

#usermenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#usermenu li a {
height: 32px;
font-size: small;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#usermenu li a:link, #usermenu li a:visited {
color: #fff;
display: block;
background: url(../../images/menu2.gif);
padding: 8px 0 0 10px;
}

#usermenu li a:hover {
color: #283A50;
background: url(../../images/menu2.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#usermenu li a:active {
color: #283A50;
background: url(../../images/menu2.gif) 0 -64px;
padding: 8px 0 0 10px;
}

#usermenubar
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

	#useronglets
	{
	        position : absolute;
	        border : 1px solid transparent;
	        padding : 0;
	        font : bold 11px Batang, arial, serif;
	        list-style-type : none;
	        left : 50%;
	        margin-top : 0;
	        margin-left : -215px; /* la moitié de width */
	        width : 430px;
	}
	
		#useronglets li
		{
		    float : left;
		    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
		    background-color: #F4F9FD;
		    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
		    margin : 1px 2px 0 2px;  /* Pour IE  */
		    border : 1px solid #9EA0A1;
		}
		
		#useronglets li.active
		{
		    border-bottom: 1px solid #fff;
		    background-color: #fff;
		}
		
		#useronglets a
		{
		    display : block;
		    color : #666;
		    text-decoration : none;
		    padding : 4px;
		}
		
		#useronglets a:hover
		{
		    background : #fff;
		}


#userplaceholder{
width : 760px;
height : 550px;
margin-left : 220px;
margin-top : 10px;
border : thin red solid;
background-color : blue;
}

#usersinfo{
	text-align : center;
	padding : 5px;
	margin : 2px;
	border : thin pink solid;
	background-color : aqua;
}	
#usercontent{

}